/**
 * 角色详情对话框
 */
var RoleInfoDlg = {
    data: {
        pid: "",
        pName: ""
    }
};

layui.use(['layer', 'form', 'admin', 'ax','rate','util'], function () {
    var $ = layui.jquery;
    var $ax = layui.ax;
    var form = layui.form;
    var admin = layui.admin;
    var layer = layui.layer;
    var rate = layui.rate;
    var util = layui.util;
    // 让当前iframe弹层高度适应
    admin.iframeAuto();

    //初始详情数据

    var ajax = new $ax(Feng.ctxPath + "/opencard/opencardDetailData/"  + Feng.getUrlParam("id"));
    var result = ajax.start();
    //详情字段填充
    $("#shopNo").text(result.data.shopId)//商户号
    $("#shopName").text(result.data.shopName)//商户名
    $("#shopAdr").text(result.data.shopAdr)//商户地址
    $("#phone").text(result.data.phone)//电话
    $("#deposit").text(result.data.deposit+'元')//押金
    $("#refundAmt").text(result.data.refundAmt+'元')//退款金额

    $("#payTime").text(util.toDateString(new Date(result.data.payTime).getTime(),'yyyy-MM-dd HH:mm:ss'))//支付时间
    $("#confirmTime").text(util.toDateString(new Date(result.data.confirmTime).getTime(),'yyyy-MM-dd HH:mm:ss'))//确认时间
    $("#openCardTime").text(util.toDateString(new Date(result.data.openCardTime).getTime(),'yyyy-MM-dd HH:mm:ss'))//开卡时间
    $("#electricCardNo").text(result.data.electricCardNo)//电卡

    //图片
    var imgAaary = result.data.images==''?[]: result.data.images.split(',')
    imgAaary.forEach(function(img,index){
        $("#images").append('<img src="'+img+'" class="repair-img"  />')
    })
    $("#images").on("click",".repair-img",function () {
        previewImg($(this).attr("src"))
    })
    //评价
    rate.render({
        elem: '#test1',
        value: 2, //初始值
        readonly: true
    });
    rate.render({
        elem: '#test2',
        value: 2, //初始值
        readonly: true
    });
    rate.render({
        elem: '#test3',
        value: 2, //初始值
        readonly: true
    });

    //退卡进度
    result.data.openCardSchedule.forEach(function(item,index){
        var content= '<li class="layui-timeline-item"><i class="layui-icon layui-timeline-axis"></i> ' +
            '<div class="layui-timeline-content layui-text">' +
            '<h3 class="layui-timeline-title">  '+util.toDateString(new Date(item.createTime).getTime(),"yyyy-MM-dd HH:mm:ss")+'</h3>' +
            '<p>'+item.operationDesc+'</p> </div> </li>'
        $("#repairSchedule").append(content)
    })
});


//调整预览大小
function previewImg(src) {
    var img = new Image();
    img.src = src;
    var imgHtml = "<img src='" + src + "' width='100%' height='100%'/>";
    //弹出层
    layer.open({
        type: 1,
        shade: 0.8,
        offset: 'auto',
        // area: [600 + 'px',300+'px'],
        shadeClose:true,
        scrollbar: false,
        title: "图片预览", //不显示标题
        content: imgHtml, //捕获的元素，注意：最好该指定的元素要存放在body最外层，否则可能被其它的相对元素所影响
        cancel: function () {
            //layer.msg('捕获就是从页面已经存在的元素上，包裹layer的结构', { time: 5000, icon: 6 });
        }
    });
}

//原图预览
function previewImgs(src) {
    var img = new Image();
    img.src = src;
    var height = img.height + 50; //获取图片高度
    var width = img.width; //获取图片宽度
    var imgHtml = "<img src='" + src + "' />";
    //弹出层
    layer.open({
        type: 1,
        shade: 0.8,
        offset: 'auto',
        area: [width + 'px',height+'px'],
        shadeClose:true,//点击外围关闭弹窗
        scrollbar: false,//不现实滚动条
        title: "图片预览", //不显示标题
        content: imgHtml, //捕获的元素，注意：最好该指定的元素要存放在body最外层，否则可能被其它的相对元素所影响
        cancel: function () {
            //layer.msg('捕获就是从页面已经存在的元素上，包裹layer的结构', { time: 5000, icon: 6 });
        }
    });
}